<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <link rel="stylesheet" href="css/register_and_login/register_and_login.css">

    <script src="js/register_and_login/wakeEachOther_LoginAndRegister.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/register_and_login/checkPasswordLength.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="modal-header">
    <!-- 关闭按钮的代号&times -->
    <!-- 加上data-dismiss就有关闭效果了!点&times或者页面其它地方就可以关闭按钮了! -->
    <button class="close" data-dismiss="modal">×</button>
    <p class="header_font">用户信息</p>
    <p class="des_font">以身为棋，胜天半子。 ---五彩世界</p>
</div>
<div class="modal-body">
    <form role="form">
        <div class="form-group">
            <div class="col-xs-4">
                <label for="user_id" class="label_font">用户编号</label>
            </div>
            <div class="col-xs-6">
                <!--type不能使用email，不然不能控制不能输入空格-->
                <input type="text" class="form-control" id="user_id" name="user_id" value="1" disabled>
            </div>
        </div>
        <div class="clearfix"></div>
        <br><br>
        <div class="form-group">
            <div class="col-xs-4">
                <label for="user_name" class="label_font">用户昵称</label>
            </div>
            <div class="col-xs-6">
                <!--type不能使用email，不然不能控制不能输入空格-->
                <input type="text" class="form-control" id="user_name" name="user_name" value="五彩世界" disabled>
            </div>
        </div>
        <div class="clearfix"></div>
        <br><br>
        <div class="form-group">
            <div class="col-xs-4">
                <label for="user_email" class="label_font">邮&emsp;&emsp;箱</label>
            </div>
            <div class="col-xs-6">
                <!--type不能使用email，不然不能控制不能输入空格-->
                <input type="text" class="form-control" id="user_email" name="user_email" value="mzywucai@foxmail.com" disabled>
            </div>
        </div>
        <div class="clearfix"></div>
        <!--$("#mine-info-modal").modal('show')-->
        <br><br>
        <div class="form-group">
            <div class="col-xs-4">
                <label for="user_silent" class="label_font" data-toggle="tooltip" data-placement="top" title="开启之后点击文件列表，无主动回锚到右上面板的动作">开启静默</label>
            </div>
            <div class="col-xs-6">
                <!--type不能使用email，不然不能控制不能输入空格-->
                <input type="button" class="btn btn-default form-control" id="user_silent" name="user_silent" value="未开启静默">
            </div>
        </div>
    </form>
    <br><br><br>
</div>
<div class="modal-footer">
    &copy blog.mzywucai.club

</div>
<script type="text/javascript">
    $(function () { $("[data-toggle='tooltip']").tooltip(); });

    $(document).ready(function () {
        $.ajax({
            type: "GET",
            url: '/api/user/getSession',
            dataType: "json",
            success:
                function (res) {
                    console.log("mine-info-modal："+res);

                    if (res.code == 0) {
                        $("#user_id").val(res.data.userId);
                        $("#user_name").val(res.data.userName);
                        $("#user_email").val(res.data.email);
                        if(res.data.isSilent == 0) {
                            $("#user_silent").val("未开启静默");
                            $("#user_silent").addClass("btn-default");
                            $("#user_silent").removeClass("btn-success");

                            silentAllPage = 0;
                        } else {
                            $("#user_silent").val("已开启静默");
                            $("#user_silent").addClass("btn-success");
                            $("#user_silent").removeClass("btn-default");

                            silentAllPage = 1;
                        }
                    } else {
                        toastr.error(res.msg);
                    }

                },
            error:
                function (res) {
                    toastr.error('系统接口异常，请稍后');
                }
        });
    });

    $("#user_silent").click(function () {
        if ($("#user_silent").hasClass("btn-default")) {
            $("#user_silent").val("已开启静默");
            $("#user_silent").addClass("btn-success");
            $("#user_silent").removeClass("btn-default");

            silentAllPage = 1;

            silentAjax("on");
            reload();
        } else {
            $("#user_silent").val("未开启静默");
            $("#user_silent").addClass("btn-default");
            $("#user_silent").removeClass("btn-success");

            silentAllPage = 0;

            silentAjax("off");
            reload();
        }
    });
    
    function silentAjax(silentSwitch) {
        $.ajax({
            type: "GET",
            url: '/api/user/updateSilentStatus/'+silentAllPage,
            dataType: "json",
            success:
                function (res) {
                    console.log("mine-info-modal："+res);

                    if (res.code == 0) {
                        if (silentSwitch == "on") {
                            toastr.success('已开启全站静默');
                        }
                        if (silentSwitch == "off") {
                            toastr.error('已关闭全站静默');
                        }

                    } else {
                        toastr.error(res.msg);
                    }

                },
            error:
                function (res) {
                    toastr.error('系统接口异常，请稍后');
                }
        });
    }

</script>

</body>
</html>